<template>
  <!-- Testimonials -->
  <section id="testimonials" class="bg-light animate__animated" data-animation="animate__fadeInUp">
    <div class="container">
      <div class="text-center mb-5">
        <h2 class="section-title">What Our Clients Say</h2>
        <p class="text-muted">Hear from our satisfied clients who trust us for their technology needs.
        </p>
      </div>
      <div id="testimonialCarousel" class="carousel slide" data-bs-ride="carousel">
        <div class="carousel-inner">

          <div class="carousel-item active">
            <div class="row justify-content-center">
              <div class="col-lg-8 col-md-10">
                <div class="testimonial text-center">
                  <img src="static/picture/1.jpg" class="rounded-circle mb-4" alt="Client 1">
                  <h5 class="mb-1">John Doe</h5>
                  <p class="text-muted">CEO, Tech Innovators</p>
                  <blockquote class="blockquote">
                    <p class="mb-4">"Working with this team was an absolute pleasure! Their
                      expertise and professionalism helped us develop a cutting-edge
                      solution
                      that
                      exceeded our expectations."</p>
                  </blockquote>
                </div>
              </div>
            </div>
          </div>

          <div class="carousel-item">
            <div class="row justify-content-center">
              <div class="col-lg-8 col-md-10">
                <div class="testimonial text-center">
                  <img src="static/picture/2.jpg" class="rounded-circle mb-4" alt="Client 2">
                  <h5 class="mb-1">Jane Smith</h5>
                  <p class="text-muted">COO, StartUp Solutions</p>
                  <blockquote class="blockquote">
                    <p class="mb-4">"The team delivered a top-notch product that streamlined
                      our
                      business operations. Their attention to detail and customer support
                      were
                      outstanding."</p>
                  </blockquote>
                </div>
              </div>
            </div>
          </div>
          <div class="carousel-item">
            <div class="row justify-content-center">
              <div class="col-lg-8 col-md-10">
                <div class="testimonial text-center">
                  <img src="static/picture/3.jpg" class="rounded-circle mb-4" alt="Client 3">
                  <h5 class="mb-1">Michael Lee</h5>
                  <p class="text-muted">CTO, Global Enterprises</p>
                  <blockquote class="blockquote">
                    <p class="mb-4">"We were thoroughly impressed with the quality of the
                      solution
                      provided. The team's expertise made all the difference in delivering
                      a
                      darkful project."</p>
                  </blockquote>
                </div>
              </div>
            </div>
          </div>
        </div>
        <button class="carousel-control-prev" type="button" data-bs-target="#testimonialCarousel" data-bs-slide="prev">
          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
          <span class="visually-hidden">Previous</span>
        </button>
        <button class="carousel-control-next" type="button" data-bs-target="#testimonialCarousel" data-bs-slide="next">
          <span class="carousel-control-next-icon" aria-hidden="true"></span>
          <span class="visually-hidden">Next</span>
        </button>
      </div>
    </div>
  </section>
</template>

<script>
export default {
  name: "WhatOurClientsSay"
}
</script>


<style scoped>

</style>